﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>工程</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/responsive.css" rel="stylesheet">
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>
<div class="page-wrapper">
 	
    <!-- Preloader -->
    <div class="preloader"></div>
    
 	
    <!-- Main Header -->
    <header class="main-header">
    	<div class="top-bar">
        	<div class="top-container">
            	<!--Info Outer-->
                 <div class="info-outer">
                 	<!--Info Box-->
                    <ul class="info-box clearfix">
                    	<li><span class="icon flaticon-interface"></span><a href="#">邮箱</a></li>
                    	<li><span class="icon flaticon-technology-5"></span><a href="#">0439-6881177</a></li>
                        
                    </ul>
                 </div>
            </div>
        </div>
    	<!-- Header Upper -->
        <div class="header-upper">
            <div class="auto-container clearfix">
                <!-- Logo -->
                <div class="logo">
                    <a href="index.html"><img src="images/logo-1.png" alt="柏艺"></a>
                 </div>
                 
                 <!--Nav Outer-->
                <div class="nav-outer clearfix">
                    
                    <!-- Main Menu -->
                    <nav class="main-menu">
                        
                        <div class="navbar-header">
                            <!-- Toggle Button -->      
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>

                        <div class="navbar-collapse collapse clearfix">
                            <ul class="navigation">
                                <li><a href="index.html">首页</a></li>
                                <li><a href="blog.html">工程</a></li>
                                <li><a href="events-grid.html">种子</a></li>
                                <li><a href="gallery-masonry.html">花卉</a></li>
                                <li><a href="about.html">关于我们</a></li>
                            </ul>
                        </div>
                    </nav><!-- Main Menu End-->
                    
                </div>
                
            </div>
        </div><!-- Header Top End -->
        
    </header><!--End Main Header -->
    
    
    <!--Page Title-->
    <section class="page-title" style="background-image:url(images/background/page-title-bg.jpg);">
    	<div class="auto-container">
        	<div class="sec-title">
                <h1>我们的工程</span></h1>
                <div class="bread-crumb"><a href="index.html">首页</a> / <a href="#" class="current">工程</a></div>
            </div>
        </div>
    </section>
    
    
    <!--Sidebar Page-->
    <div class="sidebar-page pg-bg-cl">
    	<div class="auto-container">
        	<div class="row clearfix">
            	
                <!--Content Side-->	
                <div class="col-lg-9 col-md-8 col-sm-12 col-xs-12">
                    
                    <!--Projects Section-->
                    <section class="blog-news-section no-padd-bottom no-padd-top padd-right-20">
                            
                        <!--News Column-->
                        <div class="column blog-news-column">
                            <article class="inner-box">
                                <figure class="image-box">
                                    <a href="#"><img src="images/resource/blog-image-7.jpg" alt=""></a>
                                    
                                </figure>
                                <div class="content-box">
                                    <h3><a href="#">工程1</a></h3>
                                    <div class="post-info clearfix">
                                        
                                        <div class="post-author">author : Rameen John</div>
                                    </div>
                                    <div class="text">Lorem ipsum dolor sit amet, ne nostrud omnesque imperdiet ius. Aeque zril inciderint ad qui. Ei pro doctus sensibus, mel te facete iriure periculis. Tale torquatos est ei. Ut possim aliquip lucilius mel, id altera philoso phia quo. Quodsi torquatos gloriatur mei at, an fierent voluptua.</div>
                                    <a href="#" class="theme-btn btn-style-three">Read More</a>
                                </div>
                            </article>
                        </div>
                        
                        <!--News Column-->
                        <div class="column blog-news-column">
                            <article class="inner-box">
                                <figure class="image-box">
                                    <a href="#"><img src="images/resource/blog-image-8.jpg" alt=""></a>
                                    
                                </figure>
                                <div class="content-box">
                                    <h3><a href="#">工程2</a></h3>
                                    <div class="post-info clearfix">
                                        <div class="post-author">author : rameen john</div>
                                    </div>
                                    <div class="text">Lorem ipsum dolor sit amet, ne nostrud omnesque imperdiet ius. Aeque zril inciderint ad qui. Ei pro doctus sensibus, mel te facete iriure periculis. Tale torquatos est ei. Ut possim aliquip lucilius mel, id altera philoso phia quo. Quodsi torquatos gloriatur mei at, an fierent voluptua.</div>
                                    <a href="#" class="theme-btn btn-style-three">Read More</a>
                                </div>
                            </article>
                        </div>
                        
                        <!--News Column-->
                        <div class="column blog-news-column">
                            <article class="inner-box">
                                <figure class="image-box">
                                    <a href="#"><img src="images/resource/blog-image-9.jpg" alt=""></a>
                                    
                                </figure>
                                <div class="content-box">
                                    <h3><a href="#">工程3</a></h3>
                                    <div class="post-info clearfix">
                                        <div class="post-author">author : Maria christi</div>
                                    </div>
                                    <div class="text">Lorem ipsum dolor sit amet, ne nostrud omnesque imperdiet ius. Aeque zril inciderint ad qui. Ei pro doctus sensibus, mel te facete iriure periculis. Tale torquatos est ei. Ut possim aliquip lucilius mel, id altera philoso phia quo. Quodsi torquatos gloriatur mei at, an fierent voluptua.</div>
                                    <a href="#" class="theme-btn btn-style-three">Read More</a>
                                </div>
                            </article>
                        </div>
                        
                        <!--News Column-->
                        <div class="column blog-news-column">
                            <article class="inner-box">
                                <figure class="image-box">
                                    <a href="#"><img src="images/resource/blog-image-10.jpg" alt=""></a>
                                    
                                </figure>
                                <div class="content-box">
                                    <h3><a href="#">工程4</a></h3>
                                    <div class="post-info clearfix">
                                        <div class="post-author">author :Little john</div>
                                    </div>
                                    <div class="text">Lorem ipsum dolor sit amet, ne nostrud omnesque imperdiet ius. Aeque zril inciderint ad qui. Ei pro doctus sensibus, mel te facete iriure periculis. Tale torquatos est ei. Ut possim aliquip lucilius mel, id altera philoso phia quo. Quodsi torquatos gloriatur mei at, an fierent voluptua.</div>
                                    <a href="#" class="theme-btn btn-style-three">Read More</a>
                                </div>
                            </article>
                        </div>
                        
                        <!-- Styled Pagination -->
                        <div class="styled-pagination padd-top-20 margin-bott-40">
                            <ul>
                                <li><a class="prev" href="#"><span class="fa fa-angle-left"></span>&ensp;Prev</a></li>
                                <li><a href="#">1</a></li>
                                <li><a href="#" class="active">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a class="next" href="#">Next&ensp;<span class="fa fa-angle-right"></span></a></li>
                            </ul>
                        </div>
                    </section>
                
                    
                </div>
                <!--Content Side-->
                
                <!--Sidebar-->	
                <!--<div class="col-lg-3 col-md-4 col-sm-12 col-xs-12">-->
                    <!--<aside class="sidebar">-->
                    <!---->
                        <!--&lt;!&ndash; Search Form &ndash;&gt;-->
                        <!--<div class="widget search-box">-->
                            <!---->
                            <!--<form method="post" action="index.html">-->
                                <!--<div class="form-group">-->
                                    <!--<input type="search" name="search-field" value="" placeholder="Enter keyword">-->
                                    <!--<button type="submit"><span class="icon flaticon-tool-5"></span></button>-->
                                <!--</div>-->
                            <!--</form>-->
                            <!---->
                        <!--</div>-->
                        <!---->
                        <!--&lt;!&ndash; Popular Categories &ndash;&gt;-->
                        <!--<div class="widget popular-categories wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">-->
                            <!--<div class="sidebar-title"><h3>Categories</h3></div>-->
                            <!---->
                            <!--<ul class="list">-->
                            	<!--<li><a class="clearfix" href="#">Nature</a></li>-->
                                <!--<li><a class="clearfix" href="#">Soil</a></li>-->
                                <!--<li><a class="clearfix" href="#">Renewable</a></li>-->
                                <!--<li><a class="clearfix" href="#">Water</a></li>-->
                                <!--<li><a class="clearfix" href="#">Solar</a></li>-->
                                <!--<li><a class="clearfix" href="#">Eco Friendly</a></li>-->
                            <!--</ul>-->
                            <!---->
                        <!--</div>-->
                        <!---->
                        <!---->
                        <!--&lt;!&ndash; Recent Posts &ndash;&gt;-->
                        <!--<div class="widget recent-posts wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">-->
                            <!--<div class="sidebar-title"><h3>Latest Posts</h3></div>-->
                            <!---->
                            <!--<article class="post">-->
                            	<!--<figure class="post-thumb"><img src="images/resource/post-thumb-6.jpg" alt=""></figure>-->
                                <!--<h4><a href="#">Save the word for tomorrow</a></h4>-->
                                <!--<div class="post-info"><span class="icon"></span> Author: Simons lee</div>-->
                            <!--</article>-->
                            <!---->
                             <!--<article class="post">-->
                            	<!--<figure class="post-thumb"><img src="images/resource/post-thumb-7.jpg" alt=""></figure>-->
                                <!--<h4><a href="#">Renewable energy is a solution</a></h4>-->
                                <!--<div class="post-info"><span class="icon "></span> Author: Mimotha Christi</div>-->
                            <!--</article>-->
                            <!---->
                            <!--<article class="post">-->
                            	<!--<figure class="post-thumb"><img src="images/resource/post-thumb-8.jpg" alt=""></figure>-->
                                <!--<h4><a href="#">A long way to rain forest</a></h4>-->
                                <!--<div class="post-info"><span class="icon "></span> Author: Little John</div>-->
                            <!--</article>-->
                            <!---->
                        <!--</div>-->
                        <!---->
                        <!--&lt;!&ndash; Archives &ndash;&gt;-->
                        <!--<div class="widget archives-list wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">-->
                            <!--<div class="sidebar-title"><h3>Archives</h3></div>-->
                            <!---->
                            <!--<ul class="list">-->
                            	<!--<li><a href="#">May 2016</a></li>-->
                                <!--<li><a href="#">June  2016</a></li>-->
                                <!--<li><a href="#">July 2016</a></li>-->
                                <!--<li><a href="#">August 2016</a></li>-->
                                <!--<li><a href="#">December 2016</a></li>-->
                                <!--<li><a href="#">November 2016</a></li>-->
                            <!--</ul>-->
                            <!---->
                        <!--</div>-->
                        <!---->
                        <!--&lt;!&ndash; Popular Tags &ndash;&gt;-->
                        <!--<div class="widget popular-tags">-->
                            <!--<div class="sidebar-title"><h3>KeyWords</h3></div>-->
                            <!---->
                            <!--<a href="#">Nature</a>-->
                            <!--<a href="#">Events</a>-->
                            <!--<a href="#">Energy</a>-->
                            <!--<a href="#">campaign</a>-->
                            <!--<a href="#">Earth</a>-->
                            <!---->
                        <!--</div>-->
                                <!---->
                    <!--</aside>-->
                <!---->
                    <!---->
                <!--</div>-->
                <!--&lt;!&ndash;Sidebar&ndash;&gt;-->
                
                
            </div>
        </div>
    </div>

    <!--Main Footer-->
    <footer class="main-footer" style="background-image:url(images/background/page-title-bg.jpg);">

        <!--Footer Upper-->
        <div class="footer-upper">
            <div class="auto-container">
                <div style="margin:0 auto;width: 800px">
                    <ul class="contact-info contact-foot">
                        <li><span class="icon fa fa-map-marker"></span>地址</li>
                        <li><span class="icon fa fa-phone"></span>0439-6881177</li>
                        <li><span class="icon fa fa-envelope-o"></span>邮箱</li>
                    </ul>
                </div>
            </div>
        </div>
        <!--Footer Bottom-->
        <div class="footer-bottom">
            <div class="auto-container clearfix">
                <!--Copyright-->
                <div class="copyright text-center">Copyright &copy; 2018.Company name All rights reserved. <a href="#" target="_blank" title="首页">抚松柏艺园林绿化有限公司</a> </div>
            </div>
        </div>

    </footer>

</div>
<!--End pagewrapper-->


<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target=".main-header"><span class="fa fa-long-arrow-up"></span></div>

<script src="js/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/script.js"></script>
</body>
</html>
